<!--
Copyright (c) 2021-2024 SigScalr, Inc.

This file is part of SigLens Observability Solution

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<!DOCTYPE html>
<html lang="en">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5SBJC04YFB"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-5SBJC04YFB');
</script>

<head>
    <meta charset="UTF-8">
    <title>SigLens</title>

    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png">
    <link rel="manifest" href="./assets/site.webmanifest">
    <link rel="mask-icon" href="./assets/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">

    <link rel="stylesheet" href="./css/lib/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/lib/all.min.css" />
    <link rel="stylesheet" href="./css/lib/ag-grid.min.css" />
    <link rel="stylesheet" href="./css/lib/jquery-ui.min.css" />
    <link rel="stylesheet" href="./css/siglens.css?cb={{ AppVersion }}" />
    <link rel="stylesheet" href="./css/query-builder.css?cb={{ AppVersion }}" />

    <script src="./js/lib/lodash.min.js"></script>
    <script src="./js/lib/jquery-3.6.0.min.js"></script>
    <script src="./js/lib/jquery-ui.min.js"></script>
    <script src="./js/lib/js.cookie.min.js"></script>
    <script src="./js/lib/moment.min.js"></script>
    <script src="./js/lib/date_fns.min.js"></script>
    <script src="./js/lib/popper.min.js"></script>
    <script src="./js/lib/bootstrap.bundle.min.js"></script>
    <script src="./js/lib/ag-grid-community.min.noStyle.js"></script>
    <script>
        var defaultTheme = Cookies.get('theme') || 'light';
        $('html').attr('data-theme', defaultTheme);
    </script>
    {{ .RunCheck1 | safeHTML }}
</head>

<body>
    <div id="app-container">
        <div id="app-side-nav">
        </div>

        <div class="myOrg">
            <div class="myOrg-container">
                <div id="logs-cards-view">
                    <div class="ingestion-cards-container">
                        <div class="ingestion-card logs-card" data-source="OpenTelemetry Collector">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="29"
                                        height="29">
                                        <path fill="#f5a800"
                                            d="M67.648 69.797c-5.246 5.25-5.246 13.758 0 19.008 5.25 5.246 13.758 5.246 19.004 0 5.25-5.25 5.25-13.758 0-19.008-5.246-5.246-13.754-5.246-19.004 0Zm14.207 14.219a6.649 6.649 0 0 1-9.41 0 6.65 6.65 0 0 1 0-9.407 6.649 6.649 0 0 1 9.41 0c2.598 2.586 2.598 6.809 0 9.407ZM86.43 3.672l-8.235 8.234a4.17 4.17 0 0 0 0 5.875l32.149 32.149a4.17 4.17 0 0 0 5.875 0l8.234-8.235c1.61-1.61 1.61-4.261 0-5.87L92.29 3.671a4.159 4.159 0 0 0-5.86 0ZM28.738 108.895a3.763 3.763 0 0 0 0-5.31l-4.183-4.187a3.768 3.768 0 0 0-5.313 0l-8.644 8.649-.016.012-2.371-2.375c-1.313-1.313-3.45-1.313-4.75 0-1.313 1.312-1.313 3.449 0 4.75l14.246 14.242a3.353 3.353 0 0 0 4.746 0c1.3-1.313 1.313-3.45 0-4.746l-2.375-2.375.016-.012Zm0 0" />
                                        <path fill="#425cc7"
                                            d="M72.297 27.313 54.004 45.605c-1.625 1.625-1.625 4.301 0 5.926L65.3 62.824c7.984-5.746 19.18-5.035 26.363 2.153l9.148-9.149c1.622-1.625 1.622-4.297 0-5.922L78.22 27.313a4.185 4.185 0 0 0-5.922 0ZM60.55 67.585l-6.672-6.672c-1.563-1.562-4.125-1.562-5.684 0l-23.53 23.54a4.036 4.036 0 0 0 0 5.687l13.331 13.332a4.036 4.036 0 0 0 5.688 0l15.132-15.157c-3.199-6.609-2.625-14.593 1.735-20.73Zm0 0" />
                                    </svg>
                                </div>
                                <h3>OpenTelemetry Collector</h3>
                            </div>
                        </div>
                        <div class="ingestion-card logs-card" data-source="Vector">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"
                                        width="29" height="29">
                                        <linearGradient id="a" x1="36.924" x2="475.076" y1="802.588" y2="549.62"
                                            gradientTransform="translate(0 -420.104)" gradientUnits="userSpaceOnUse">
                                            <stop offset="0" style="stop-color:#10e7ff" />
                                            <stop offset=".103" style="stop-color:#33d5ff" />
                                            <stop offset=".255" style="stop-color:#60bdff" />
                                            <stop offset=".408" style="stop-color:#86aaff" />
                                            <stop offset=".56" style="stop-color:#a39aff" />
                                            <stop offset=".71" style="stop-color:#b790ff" />
                                            <stop offset=".858" style="stop-color:#c489ff" />
                                            <stop offset="1" style="stop-color:#c887ff" />
                                        </linearGradient>
                                        <path
                                            d="M256 512 37.8 384V128L256 0l218.2 128v256zM68.3 366l187.3 110 187.3-110V146L256 36.1 68.3 146z"
                                            style="fill:url(#a)" />
                                        <linearGradient id="b" x1="172.52" x2="389.841" y1="714.582" y2="589.111"
                                            gradientTransform="translate(0 -420.104)" gradientUnits="userSpaceOnUse">
                                            <stop offset="0" style="stop-color:#10e7ff" />
                                            <stop offset=".103" style="stop-color:#33d5ff" />
                                            <stop offset=".255" style="stop-color:#60bdff" />
                                            <stop offset=".408" style="stop-color:#86aaff" />
                                            <stop offset=".56" style="stop-color:#a39aff" />
                                            <stop offset=".71" style="stop-color:#b790ff" />
                                            <stop offset=".858" style="stop-color:#c489ff" />
                                            <stop offset="1" style="stop-color:#c887ff" />
                                        </linearGradient>
                                        <path
                                            d="m350.1 186.4-76.5 134.4 24.9 43.8 101.4-178.3c0 .1-49.8.1-49.8.1m-85.5 0-76.5 134.4 24.9 43.8 101.4-178.3c0 .1-49.8.1-49.8.1m-152.5 0 101.4 178.3 24.9-43.8-76.5-134.4c0-.1-49.8-.1-49.8-.1m0 0 101.4 178.3 24.9-43.8-76.5-134.4c0-.1-49.8-.1-49.8-.1m152.5 0-76.5 134.4 24.9 43.8 101.4-178.3c0 .1-49.8.1-49.8.1"
                                            style="fill:url(#b)" />
                                    </svg>
                                </div>
                                <h3>Vector</h3>
                            </div>
                        </div>
                        <div class="ingestion-card logs-card" data-source="Logstash">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="29" height="29"
                                        viewBox="0 0 48 48">
                                        <path fill="#fbc02d" d="M25,26H7V5h6c6.627,0,12,5.373,12,12V26z"></path>
                                        <rect width="17" height="18" x="24" y="25" fill="#4db6ac"></rect>
                                        <rect width="5" height="18" x="24" y="25" fill="#26a69a"></rect>
                                        <path fill="#424242" d="M25,25H7v1c0,9.389,7.611,17,17,17h1V25z"></path>
                                    </svg>
                                </div>
                                <h3>Logstash</h3>
                            </div>
                        </div>
                        <div class="ingestion-card logs-card" data-source="Fluentd">
                            <div class="card-header">
                                <div class="cards-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" role="img"
                                        viewBox="-3.45 35.55 439.40 362.15" width="29" height="29">
                                        <style>
                                            svg {
                                                enable-background: new 0 0 432 432
                                            }
                                        </style>
                                        <linearGradient id="a" x1="5" x2="427.679" y1="-1063.216" y2="-1063.216"
                                            gradientTransform="translate(0 1280)" gradientUnits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#2a59a2" />
                                            <stop offset="1" stop-color="#2a59a2" />
                                        </linearGradient>
                                        <path fill="url(#a)"
                                            d="M425.4 191.3h-7.5c-13.7-.2-40.1 1.3-63.9 21.9-57 49.3-70 122-167.5 161.2C105.2 407.1 5 376.2 5 376.2s89.4-6.2 101.2-74.4c9.3-53.3-39.3-91.2-69.7-139.3-31-49-38.9-89.7-24-107.3 42.3-50 158.8 85.1 216.7 103.3C285.8 176.3 324 135 370.9 141c15 1.9 22.3 8.4 27.1 16.6 1.6 2.8 5.7 12.2 9.3 15.7 3.5 3.4 8.2 5.9 12.6 8.5 5.5 3.3 11 9.5 5.5 9.5z" />
                                        <linearGradient id="b" x1="-12.067" x2="435.002" y1="-1135.382" y2="-1135.382"
                                            gradientTransform="translate(0 1280)" gradientUnits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#91d3f2" />
                                            <stop offset=".266" stop-color="#6fb2de" />
                                            <stop offset=".521" stop-color="#5598ce" />
                                            <stop offset=".673" stop-color="#4b8fc8" />
                                        </linearGradient>
                                        <path fill="url(#b)"
                                            d="M157.7 113.2c-14-10.7-28.4-21.8-42.7-32-3.2-2.3-6.4-4.5-9.6-6.7C67.3 48.4 32 32.1 12.5 55.2c-14.9 17.6-7 58.3 24 107.3.3.5.6 1 1 1.5 16.2 25 63 83.6 174.1 81.1 7.3-7.8 18.4-22.4 32.8-38.4-23.4-37.6-58.4-70.4-86.7-93.5z" />
                                        <linearGradient id="c" x1="5.034" x2="430.799" y1="-964.816" y2="-964.816"
                                            gradientTransform="translate(0 1280)" gradientUnits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#2c9ec7" />
                                            <stop offset=".404" stop-color="#2c63a5" />
                                            <stop offset="1" stop-color="#395da1" />
                                        </linearGradient>
                                        <path fill="url(#c)"
                                            d="M269.6 289.9c.4-16.7-2.6-33.1-8.4-49-14.6 2.2-31 3.7-49.7 4.1-13.6 14.4-44.6 53-96.1 87.8C47 379.1 5 376.2 5 376.2s100.2 30.9 181.4-1.7c29.1-11.7 50.7-26.4 68.2-42.6 2.9-2.8 14.4-17 15-42z" />
                                        <linearGradient id="d" x1="5.027" x2="430.792" y1="-1054.146" y2="-1054.146"
                                            gradientTransform="translate(0 1280)" gradientUnits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#4faac4" />
                                            <stop offset=".002" stop-color="#2f75b1" />
                                            <stop offset="1" stop-color="#356eac" />
                                        </linearGradient>
                                        <path fill="url(#d)"
                                            d="M244.3 206.7c-14.3 15.9-25.5 30.6-32.8 38.4 18.7-.4 35.1-1.9 49.7-4.1-1.7-4.7-3.7-9.4-5.9-14-3.2-7-6.9-13.7-11-20.3z" />
                                        <linearGradient id="e" x1="157.652" x2="433.241" y1="-1120.056" y2="-1120.056"
                                            gradientTransform="translate(0 1280)" gradientUnits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#4faac4" />
                                            <stop offset=".002" stop-color="#2f81b6" />
                                            <stop offset="1" stop-color="#3b5ea9" />
                                        </linearGradient>
                                        <path fill="url(#e)"
                                            d="M327.6 146.3c-30 9.1-59.9 24.3-98.4 12.2-19.1-6-44.5-24.7-71.5-45.2 28.3 23.1 63.4 55.8 86.7 93.5 21.2-23.7 49.5-49.9 83.2-60.5z" />
                                        <linearGradient id="f" x1="157.642" x2="433.23" y1="-1014.548" y2="-1014.548"
                                            gradientTransform="translate(0 1280)" gradientUnits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#4faac4" />
                                            <stop offset=".002" stop-color="#1e3773" />
                                            <stop offset="1" stop-color="#203370" />
                                        </linearGradient>
                                        <path fill="url(#f)"
                                            d="M261.3 240.9c5.8 15.9 8.8 32.3 8.4 49-.6 24.9-12.1 39.2-15 42 41-37.9 59.4-84 99.3-118.6 7.4-6.4 15.1-11 22.6-14.2-26.3 10.9-54.7 32.7-115.3 41.8z" />
                                        <linearGradient id="g" x1="336.003" x2="336.003" y1="-991.53" y2="-1142.651"
                                            gradientTransform="translate(0 1280)" gradientUnits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#4faac4" />
                                            <stop offset=".002" stop-color="#2c5a9a" />
                                            <stop offset="1" stop-color="#374580" />
                                        </linearGradient>
                                        <path fill="url(#g)"
                                            d="M425.4 191.3c5.5 0 0-6.3-5.6-9.5-4.4-2.6-9-5.1-12.6-8.5-3.6-3.5-7.6-12.9-9.3-15.7-4.9-8.3-12.2-14.7-27.1-16.6-15-1.9-29.2 1-43.3 5.3-33.7 10.6-62.1 36.9-83.3 60.4 4.1 6.6 7.8 13.3 11.1 20.2 2.2 4.6 4.2 9.3 5.9 14 60.7-9.2 89.1-30.9 115.3-41.9 16.5-7.2 31.9-7.8 41.4-7.7h7.5z" />
                                        <linearGradient id="h" x1="-40.934" x2="272.681" y1="-1009.902" y2="-1009.902"
                                            gradientTransform="translate(0 1280)" gradientUnits="userSpaceOnUse">
                                            <stop offset=".112" stop-color="#38b1da" />
                                            <stop offset="1" stop-color="#326fb5" />
                                        </linearGradient>
                                        <path fill="url(#h)"
                                            d="M115.5 332.8c51.4-34.8 82.5-73.4 96.1-87.8-111.1 2.5-158-56-174.1-81 30.5 47.4 77.9 85.1 68.8 137.8C94.4 370 5 376.2 5 376.2s42 2.9 110.5-43.4z" />
                                        <ellipse cx="367.8" cy="166.4" fill="#fff" rx="8.9" ry="8.8" />
                                    </svg></div>
                                <h3>Fluentd</h3>
                            </div>
                        </div>
                        <div class="ingestion-card logs-card" data-source="Filebeat">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" width="29"
                                        height="29">
                                        <style>
                                            .st0 {
                                                fill: #07a5de
                                            }

                                            .st1 {
                                                fill: #3ebeb0
                                            }

                                            .st2 {
                                                opacity: .26;
                                                enable-background: new
                                            }

                                            .st2,
                                            .st3 {
                                                fill: #353535
                                            }

                                            .st4 {
                                                fill: none
                                            }
                                        </style>
                                        <path class="st0"
                                            d="M38.8 45.1H17.4V10.5h21.4c9.6 0 17.3 7.7 17.3 17.3 0 9.6-7.7 17.3-17.3 17.3z" />
                                        <path class="st1"
                                            d="M45.3 69.5H17.4V34.9h27.9c9.6 0 17.3 7.7 17.3 17.3 0 9.6-7.7 17.3-17.3 17.3z" />
                                        <path class="st2"
                                            d="M58.4 40.9c-3.2-3.7-7.9-6-13.1-6H17.4v16h25.9c9.2 0 15.6-9.5 15.1-10z" />
                                        <path class="st3"
                                            d="M38.8 45.1c6.2 0 11.6-3.3 14.7-8.2-.4-.2-.8-.4-1.3-.6-.1 0-.2-.1-.3-.1-.4-.2-.8-.3-1.3-.5h-.1c-.1 0-.1 0-.2-.1l-1.2-.3h-.2c-.1 0-.2 0-.2-.1-.4-.1-.8-.1-1.2-.2h-.6c-.5 0-.9-.1-1.4-.1H17.4v10.2h21.4z" />
                                        <path class="st4" d="M0 0h80v80H0z" />
                                    </svg>
                                </div>
                                <h3>Filebeat</h3>
                            </div>
                        </div>
                        <div class="ingestion-card logs-card" data-source="Promtail">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="29" height="29">
                                        <linearGradient id="grafana_svg__a" x1="175.5" x2="175.5" y1="109.5" y2="361.35"
                                            gradientTransform="translate(.791 -.132) scale(.13223)"
                                            gradientUnits="userSpaceOnUse">
                                            <stop offset="0" style="stop-color:#f05a28" />
                                            <stop offset="1" style="stop-color:#fbca0a" />
                                        </linearGradient>
                                        <path
                                            d="M46.014 21.183a18.113 18.113 0 0 0-.476-2.763 16.91 16.91 0 0 0-1.243-3.306 18.408 18.408 0 0 0-2.314-3.544 17.063 17.063 0 0 0-1.256-1.349c.674-2.684-.82-5.011-.82-5.011-2.578-.159-4.218.807-4.826 1.243-.106-.04-.199-.093-.304-.132a18.23 18.23 0 0 0-1.362-.49 22.494 22.494 0 0 0-1.429-.396c-.489-.12-.978-.212-1.48-.291-.093-.013-.172-.027-.265-.04C29.115 1.507 25.889 0 25.889 0c-3.61 2.288-4.285 5.488-4.285 5.488s-.013.066-.04.185c-.198.053-.396.119-.594.172a8.647 8.647 0 0 0-.82.29c-.278.106-.542.212-.82.331-.542.238-1.084.503-1.613.794a22.07 22.07 0 0 0-1.508.938l-.132-.053c-4.998-1.904-9.428.384-9.428.384-.41 5.316 1.997 8.661 2.473 9.27a22.935 22.935 0 0 0-1.217 5.263c-4.628 2.287-5.99 6.955-5.99 6.955 3.848 4.43 8.344 4.707 8.344 4.707l.013-.013a20.319 20.319 0 0 0 1.97 2.896c.318.383.635.74.979 1.097-1.402 4.02.198 7.352.198 7.352 4.284.159 7.101-1.877 7.696-2.34.423.145.86.277 1.296.383 1.322.344 2.671.542 4.02.595.33.013.674.027 1.005.013h.476l.211-.013v.013C30.146 47.59 33.69 48 33.69 48c2.526-2.658 2.671-5.302 2.671-5.871v-.238c.53-.37 1.032-.767 1.508-1.203a16.23 16.23 0 0 0 2.631-3.081l.199-.318c2.856.159 4.879-1.772 4.879-1.772-.476-2.975-2.169-4.43-2.526-4.707 0 0-.013-.013-.04-.027-.026-.013-.026-.026-.026-.026a.289.289 0 0 0-.066-.04l.04-.542c.026-.317.026-.648.026-.965v-.503l-.013-.198-.013-.264c0-.093-.014-.172-.027-.252-.013-.079-.013-.172-.026-.25l-.027-.252-.04-.251c-.052-.33-.105-.648-.184-.979a12.999 12.999 0 0 0-1.455-3.597 12.142 12.142 0 0 0-2.42-2.882 12.04 12.04 0 0 0-6.426-2.922 10.542 10.542 0 0 0-1.706-.093h-.423l-.212.013c-.08 0-.158.013-.225.013-.29.027-.581.067-.86.12a9.412 9.412 0 0 0-3.146 1.19 9.66 9.66 0 0 0-2.42 2.062 9.438 9.438 0 0 0-1.534 2.592 9.12 9.12 0 0 0-.608 2.777c-.013.225-.013.463-.013.687v.172l.013.186c.013.105.013.224.026.33.04.463.133.912.252 1.336.25.86.647 1.64 1.137 2.3a7.4 7.4 0 0 0 1.706 1.64 7.134 7.134 0 0 0 1.957.926 6.769 6.769 0 0 0 1.943.277h.345c.039 0 .078 0 .118-.013.066 0 .132-.013.198-.013.014 0 .04 0 .053-.013l.067-.013c.04 0 .079-.014.119-.014.079-.013.145-.026.224-.04a.99.99 0 0 0 .212-.052c.145-.027.278-.08.41-.12a5.61 5.61 0 0 0 .754-.317c.238-.119.45-.264.66-.396.054-.04.12-.08.173-.133a.502.502 0 0 0 .079-.7.487.487 0 0 0-.622-.12l-.158.08a4.299 4.299 0 0 1-1.19.397l-.33.04c-.054 0-.107.013-.173.013h-.318c-.065 0-.131 0-.198-.014h-.079c-.026 0-.066 0-.092-.013-.067-.013-.12-.013-.186-.026a5.144 5.144 0 0 1-1.44-.423 5.051 5.051 0 0 1-1.336-.873 5.035 5.035 0 0 1-1.613-2.949 4.982 4.982 0 0 1-.054-.886c0-.08.014-.159.014-.238v-.106c0-.04.013-.08.013-.119.013-.158.04-.317.066-.476a6.363 6.363 0 0 1 1.838-3.451 7.38 7.38 0 0 1 .793-.648 6.166 6.166 0 0 1 1.878-.873c.33-.092.675-.145 1.032-.185.171-.013.343-.026.528-.026h.411l.145.013c.383.026.754.08 1.124.172a7.92 7.92 0 0 1 2.142.807c1.349.753 2.5 1.917 3.2 3.319a7.385 7.385 0 0 1 .793 2.83l.014.145.013.145v.569c0 .092-.013.251-.013.344-.014.211-.04.436-.067.648-.026.211-.066.423-.105.634a8.71 8.71 0 0 1-.146.622c-.106.41-.238.82-.397 1.23a10.77 10.77 0 0 1-1.242 2.26 10.224 10.224 0 0 1-3.994 3.267 9.644 9.644 0 0 1-2.486.753 8.44 8.44 0 0 1-1.296.133h-.661c-.238 0-.463-.014-.7-.04a13.825 13.825 0 0 1-2.738-.49A13.872 13.872 0 0 1 21.46 37c-1.627-.873-3.094-2.063-4.232-3.505a13.633 13.633 0 0 1-1.48-2.3 13.763 13.763 0 0 1-.98-2.526 13.96 13.96 0 0 1-.449-2.658l-.013-.172v-1.177a15.845 15.845 0 0 1 .33-2.71c.093-.45.2-.9.331-1.35.252-.885.569-1.745.94-2.551.753-1.614 1.731-3.055 2.908-4.205.291-.291.595-.556.913-.82.317-.251.648-.49.991-.714.33-.225.688-.423 1.045-.609.172-.092.357-.185.542-.264a11585.171 11585.171 0 0 1 .555-.238c.37-.159.754-.29 1.15-.41.093-.026.2-.053.292-.092.092-.027.198-.053.29-.08.2-.053.397-.106.596-.145.092-.027.198-.04.304-.066.106-.027.198-.04.304-.067.106-.013.198-.04.304-.052l.146-.027.158-.026.304-.04.344-.04c.093-.013.251-.026.344-.04.066-.013.145-.013.212-.026l.145-.013.066-.013h.08c.119-.013.224-.013.343-.027l.172-.013h.133c.092 0 .198-.013.29-.013a15.59 15.59 0 0 1 3.412.251c1.468.278 2.843.74 4.1 1.362a16.221 16.221 0 0 1 3.345 2.182c.066.053.119.106.185.159.053.053.119.105.172.158.119.106.224.212.343.318.12.105.225.211.331.317.106.106.212.212.317.33a17.063 17.063 0 0 1 2.817 3.954l.08.159.079.159c.052.105.105.211.145.317.053.106.093.198.145.304.04.106.093.199.133.304.158.397.317.78.436 1.137.198.582.344 1.098.463 1.548.04.185.211.304.397.277a.365.365 0 0 0 .343-.37 13 13 0 0 0-.066-1.693z"
                                            style="fill:url(#grafana_svg__a);stroke-width:1" />
                                    </svg>
                                </div>
                                <h3>Promtail</h3>
                            </div>
                        </div>
                        <div class="ingestion-card logs-card" data-source="Splunk HEC">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg width="29" height="29" viewBox="0 0 32 32" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M28.9822 18.3648V13.0482L3 0V5.85319L23.1351 15.6646L3 25.61V31.3291L28.9822 18.3648Z"
                                            fill="#73AF37" />
                                    </svg>
                                </div>
                                <h3>Splunk HEC</h3>
                            </div>
                        </div>
                        <div class="ingestion-card logs-card" data-source="Elastic Bulk">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="29" height="29">
                                        <path fill="#fff"
                                            d="M48 25.161c0-4.02-2.486-7.55-6.25-8.898a13.653 13.653 0 0 0 .232-2.579c0-7.481-6.086-13.568-13.544-13.568-4.392 0-8.434 2.09-10.99 5.622a7.131 7.131 0 0 0-4.391-1.51 7.209 7.209 0 0 0-7.202 7.202c0 .883.163 1.72.44 2.51C2.557 15.287 0 18.865 0 22.86a9.433 9.433 0 0 0 6.273 8.922 13.453 13.453 0 0 0-.233 2.579c0 7.458 6.064 13.522 13.522 13.522 4.392 0 8.434-2.115 10.966-5.646a7.013 7.013 0 0 0 4.392 1.533 7.209 7.209 0 0 0 7.202-7.202 7.52 7.52 0 0 0-.441-2.51C45.444 32.737 48 29.159 48 25.162" />
                                        <path fill="#fed10a"
                                            d="m18.889 20.7 10.501 4.787 10.594-9.293c.163-.767.233-1.51.233-2.323 0-6.529-5.32-11.85-11.85-11.85A11.816 11.816 0 0 0 18.61 7.18l-1.765 9.131z" />
                                        <path fill="#24bbb1"
                                            d="M8.015 31.806a11.395 11.395 0 0 0-.232 2.37c0 6.552 5.344 11.872 11.873 11.872a11.89 11.89 0 0 0 9.804-5.181l1.742-9.108-2.323-4.46-10.548-4.81z" />
                                        <path fill="#ef5098"
                                            d="m7.969 13.638 7.202 1.696 1.58-8.178a5.682 5.682 0 0 0-3.438-1.162 5.676 5.676 0 0 0-5.67 5.669 5.044 5.044 0 0 0 .326 1.975" />
                                        <path fill="#17a8e0"
                                            d="M7.342 15.357c-3.206 1.045-5.46 4.135-5.46 7.527a7.928 7.928 0 0 0 5.111 7.411l10.084-9.107-1.836-3.949z" />
                                        <path fill="#93c83e"
                                            d="M31.319 40.844c.999.743 2.183 1.185 3.415 1.185a5.677 5.677 0 0 0 5.669-5.67c0-.696-.117-1.347-.349-1.974l-7.18-1.673z" />
                                        <path fill="#0779a1"
                                            d="m32.782 30.807 7.9 1.835c3.229-1.045 5.459-4.135 5.459-7.55a7.951 7.951 0 0 0-5.111-7.412l-10.34 9.061z" />
                                    </svg>
                                </div>
                                <h3>Elastic Bulk</h3>
                            </div>
                        </div>
                        <div class="ingestion-card logs-card" data-source="Send Test Data">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <i class="fa fa-vial" style="font-size: 17px;"></i>
                                </div>
                                <h3>Send Test Data</h3>
                            </div>
                        </div>
                        <div class="ingestion-card logs-card" data-source="Verify Connection">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <i class="fa fa-terminal" style="font-size: 14px;"></i>
                                </div>
                                <h3>Verify Connection</h3>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="ingest-inner-container" id="logs-ingestion-details" style="display: none;">
                    <div class="ingestion-content">
                        <div>
                            <div id="data-ingestion">
                                <div class="d-flex">
                                    <h5 class="myOrg-heading">Setup instructions</h5>
                                    <div class="ingestion-container">
                                        <div>Follow the steps in <a href="" id="logs-setup-instructions-link"
                                                target="_blank">Quick start
                                                guide<span id="open-new-tab-icon"></span></a></div>
                                    </div>
                                </div>
                            </div>
                            <div id="sample-data">
                                <p class="caption mb-0"> Get started by sending sample logs data &nbsp; </p>
                                <button type="button" class="btn btn-primary test-data-btn" id="test-data-btn">Send Test
                                    Data</button>
                            </div>
                            <div id="verify-connection">
                                <div>
                                    <h5 class="myOrg-heading">Verify data collection</h5>
                                    <p>Test the pipes by running the following command in your terminal:</p>
                                    <div class="ingestion-container">
                                        <h5 class="myOrg-heading mt-0">Elastic Bulk</h5>
                                        <div class="position-relative">
                                            <textarea name="" id="verify-command-esbulk" cols="30" rows="6"
                                                class="form-control copyable" readonly></textarea>
                                        </div>
                                    </div>
                                    <div class="ingestion-container">
                                        <h5 class="myOrg-heading mt-0">Splunk HEC</h5>
                                        <div class="position-relative">
                                            <textarea name="" id="verify-command-hec" cols="30" rows="6"
                                                class="form-control copyable" readonly></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="app-footer">
            </div>
        </div>

        <script src="./js/navbar.js?cb={{ AppVersion }}"></script>
        <script src="./js/common.js?cb={{ AppVersion }}"></script>
        <script src="./js/event-handlers.js?cb={{ AppVersion }}"></script>
        <script src="./js/ingestion.js?cb={{ AppVersion }}"></script>
        <script src="./js/footer.js?cb={{ AppVersion }}"></script>

        {{ .RunCheck2 | safeHTML }}
        {{ .RunCheck3 | safeHTML }}
</body>

</html>